<template>
	<view class="container">
    <view class="navbar">
      <!-- #ifdef MP-WEIXIN -->
      <navbar title="取号记录"></navbar>
      <!-- #endif -->
      <!-- #ifdef MP-ALIPAY -->
      <navbar title="取号记录" bgColor="#000" fontColor="#fff"></navbar>
      <!-- #endif -->
    </view>
    <v-tabs v-model="current" :tabs="tabs" @change="changeTab" :scroll="false"></v-tabs>
    <scroll-view scroll-y="true">
      <view style="width: 100%;text-align: center;margin-top: 20rpx">--暂无更多排队记录--</view>
    </scroll-view>
  </view>
</template>
<script>
import PageApi from "@/api/page"
import {mapState} from "vuex"; //引入mapState, mapGetters
export default {
    data() {
      return {
        current: 0,
        tabs: ['全部', '我的排队', '我的预约']
      }
    },
    onShow(options) {
    },
  async mounted() {

  },
  computed: {
    ...mapState({
      table_no: (state) => state.order.table_no,
      branch_uuid: (state) => state.order.branch_uuid
    }),
    options() {
      return uni.getStorageSync('options')
    },
    // 是否判断扫码登录。为了审核，展示一个假的排队页面
    showQueuing() {
      return this.$store.state.page.showQueuing
    }
  },
  methods: {
    changeTab(index) {
      console.log('当前选中的项：' + index)
    }
  },
};
</script>
<style lang="scss">
page{
  background-color: #efeff3 !important;
}
.container {
  .message-tip {
    background-color: #fef7e1;
    color: orange;
    height: 80rpx;
    line-height: 80rpx;
    padding: 0 20rpx;
  }

  .message-content{
    height: 500rpx;
    background-color: #ee8378;
    margin-top: 20rpx;
    border-radius: 15rpx;
  }

  .home-button-list{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 100rpx;
    line-height: 100rpx;
    margin-top: 20rpx;
    padding: 20rpx 50rpx;
    background-color: #ffffff;
    .center-line{
      border: 1px solid #efeff3;
    }
    .btn{
      display: flex;
      flex-direction: row;
    }
  }
  .white-line{
    height: 100rpx;
    background-color: white;
    width: 100%;
    margin-top: 20rpx;
  }
  .banner{
    position: fixed;
    bottom: 0;
    background-color: #ffffff;
    height: 30vh;
    width: 100%;
    z-index: 999;
  }
}
</style>
